
<template>
  <div class="common-layout">
    <el-container style="height: 2500px;">
      <el-header >
        <div style="height: 3px;width: 100%;background-color: #00c250"></div>
        <el-menu mode="horizontal" default-active="5" active-text-color="green">
          <a href="#"><img src="img1/logo1.png" style="width: 250px;margin: 0 0 0 280px"></a>
          <el-menu-item index="2" style="margin: 0 0 0 350px; " class="daohang"><router-link to="/">首页</router-link> </el-menu-item>
          <el-menu-item index="3" class="daohang"><router-link to="/part">成为合作伙伴</router-link></el-menu-item>
          <el-menu-item index="4" class="daohang"><router-link to="/ability">合作伙伴能力</router-link></el-menu-item>
          <el-menu-item index="5" class="daohang">合作伙伴成长</el-menu-item>
          <el-menu-item index="6" class="daohang"><router-link to="/file">文档中心</router-link></el-menu-item>
        </el-menu>
      </el-header>
      <el-main>
        <div class="main_middle">
          <img src="partner_reward_banner.jpg" class="img1">
          <div class="been">
              <el-row>
                <el-col>
                  <el-card>
                    <p class="p1">合作伙伴合作方案</p>
                    <p class="p2">合作方案覆盖微信支付多个行业及场景，协助合作伙伴拓展业务，携手共建良好支付生态</p>
                    <div class="main_button">
                      <el-button style="border: none;background-color: transparent" class="my-button" @click="show='card1'">
                        <p style="font-size: 15px;padding: 0 32px 20px 32px" >平台合作</p>
                      </el-button>
                      <el-button style="border: none;background-color: transparent" @click="show='card2'"  class="my-button">
                        <p style="font-size: 15px;padding: 0 32px 20px 32px">行业合作</p>
                      </el-button>
                    </div>
                    <div v-if="show=='card1'">
                    <el-row :gutter="20">
                      <el-col :span="6" style="margin: 10px 0;">
                        <el-card style="width: 210px;height: 300px;background-color: #00AA96" >
                          <div >
                            <div style=";color: white;font-size: 20px;margin-bottom: 8px;float: left" >基础合作</div>
                            <div style="color: white;font-size: 12px;float: left;margin-bottom: 90px">合作对象为商户提供微信支付线下场景得技术服务支持</div>
                            <el-icon size="70" style="float: left;color: gray"><svg t="1716001038352" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29172" width="200" height="200"><path d="M544 560v377c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V560H64v385c0 35.3 28.7 64 64 64h768c35.4 0 64-28.7 64-64V560H544zM896 209h-42c-6.4 0-10.2-7.2-6.6-12.5 15.6-23.2 23.2-48.7 21.6-74-1.9-30.2-17.1-56.4-43.8-75.8-19.2-13.9-44.7-24-71.7-28.6-49-8.2-100.9 5.7-146.3 39.3-24.4 18.1-46.6 41.2-66.4 69.2-12.7 17.9-39.4 17.9-52.1 0-19.8-28-42-51.2-66.4-69.2C377 23.8 325.1 9.8 276.1 18.1c-27 4.6-52.5 14.7-71.7 28.6-26.7 19.3-41.9 45.5-43.8 75.8-1.6 25.3 5.9 50.8 21.6 74 3.6 5.3-0.1 12.5-6.6 12.5H128C57.3 209 0 266.3 0 337v128c0 14.9 10.2 27.5 24 31h976c13.8-3.5 24-16.1 24-31V337c0-70.7-57.3-128-128-128z m-323.9-11.9c53.2-96.5 120.6-124.4 170.7-115.9 6.1 1 60 11.1 62.3 45.4 1.9 29.9-31.1 69.5-88 82.4h-138c-6.1 0-9.9-6.5-7-11.9z m-347.7-70.5c2.2-34.3 56.1-44.3 62.3-45.4 50.2-8.4 117.6 19.4 170.7 115.9 3 5.3-0.9 11.9-7 11.9h-138c-56.8-13-89.9-52.5-88-82.4z" p-id="29173" fill="#cdcdcd"></path></svg></el-icon>
                          </div>
                        </el-card>
                      </el-col>
                      <el-col :span="6" style="margin: 10px 0;">
                        <el-card style="width: 210px;height: 300px;background-color: #00AA96" >
                          <div >
                            <div style=";color: white;font-size: 20px;margin-bottom: 8px;float: left" >点金计划</div>
                            <div style="color: white;font-size: 12px;float: left;margin-bottom: 90px">支付后跳转能力的升级计划，支持账单展示、流量位推广等功能</div>
                            <el-icon size="70" style="float: left;color: gray"><svg t="1716001283991" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30325" width="200" height="200"><path d="M575.852903 115.426402L661.092435 288.054362c10.130509 20.465674 29.675227 34.689317 52.289797 37.963825l190.433097 27.62866c56.996902 8.288598 79.7138 78.281203 38.475467 118.496253l-137.836314 134.35715c-16.372539 15.963226-23.84251 38.987109-19.954032 61.49935l32.540421 189.716799c9.721195 56.792245-49.833916 100.077146-100.793444 73.267113L545.870691 841.446188a69.491196 69.491196 0 0 0-64.67153 0l-170.376737 89.537324c-50.959528 26.810033-110.51464-16.474868-100.793444-73.267113L242.569401 667.9996c3.888478-22.512241-3.581493-45.536125-19.954032-61.49935L84.779055 472.245428c-41.238333-40.215049-18.521435-110.207655 38.475467-118.496252l190.433097-27.62866c22.61457-3.274508 42.159288-17.498151 52.289797-37.963826L451.319277 115.426402c25.479764-51.675827 99.053862-51.675827 124.533626 0z" fill="#dbdbdb" p-id="30326"></path></svg></el-icon>
                          </div>
                        </el-card>
                      </el-col>
                      <el-col :span="6" style="margin: 10px 0;">
                        <el-card style="width: 210px;height: 300px;background-color: #00AA96" >
                          <div >
                            <div style=";color: white;font-size: 20px;margin-bottom: 8px;float: left" >物料申请</div>
                            <div style="color: white;font-size: 12px;float: left;margin-bottom: 90px">合作对象为商户提供物料及技术服务支持</div>
                            <el-icon size="70" style="float: left;color: gray"><svg t="1716001337154" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31704" width="200" height="200"><path d="M925.888 76.8v400.96c-57.088 73.408-134.08 130.56-222.848 163.328C681.536 570.112 615.616 518.4 537.6 518.4c-79.936 0-147.264 54.336-166.912 128.064-95.36-31.616-178.048-91.072-238.4-168.704V76.8c0-42.24 34.56-76.8 76.8-76.8h640c42.24 0 76.8 34.56 76.8 76.8z" fill="#cdcdcd" p-id="31705"></path><path d="M925.888 554.56V947.2c0 42.24-34.56 76.8-76.8 76.8h-640c-42.24 0-76.8-34.56-76.8-76.8V554.56c59.712 76.8 141.248 135.808 235.328 167.68C382.208 802.88 452.8 864 537.6 864c87.104 0 159.168-64.448 171.072-148.288 86.464-33.024 161.344-89.344 217.216-161.152z" fill="#cdcdcd" p-id="31706"></path><path d="M659.2 691.2c0 14.976-2.688 29.312-7.68 42.56C634.24 779.904 589.76 812.8 537.6 812.8c-50.496 0-93.824-30.784-112.192-74.688-6.08-14.4-9.408-30.272-9.408-46.912 0-10.752 1.408-21.184 4.032-31.104C433.792 608 481.216 569.6 537.6 569.6c55.04 0 101.504 36.544 116.48 86.72 3.328 11.072 5.12 22.784 5.12 34.88z" fill="#cdcdcd" p-id="31707"></path></svg></el-icon>
                          </div>
                        </el-card>
                      </el-col>
                      <el-col :span="6" style="margin: 10px 0;">
                        <el-card style="width: 210px;height: 300px;background-color: #00AA96" >
                          <div >
                            <div style=";color: white;font-size: 20px;margin-bottom: 8px;float: left" >点金计划联合营销</div>
                            <div style="color: white;font-size: 12px;float: left;margin-bottom: 90px">联合银行类渠道商在微信支付生态内进行营销活动</div>
                            <el-icon size="70" style="float: left;color: gray"><svg t="1716001385673" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="37053" width="200" height="200"><path d="M810.021 295.119c0-66.967-58.039-121.443-129.387-121.443H343.427c-71.348 0-129.387 54.476-129.387 121.443v432.332c0 66.963 58.039 121.441 129.34 121.441l261.77 0.553h0.047c5.547 0 10.879-2.004 14.887-5.602l183.27-164.113c4.266-3.805 6.676-9.092 6.668-14.617V295.119zM596.583 808.973l-253.156-0.533c-47.621-0.064-86.203-36.293-86.258-80.988V295.119c0.07-44.686 38.648-80.896 86.258-80.962h337.242c47.609 0.066 86.184 36.276 86.258 80.962v361.334l-170.344 152.52z m0 0" fill="#cdcdcd" p-id="37054"></path><path d="M689.95 370.474H335.935c-11.911 0-21.563 9.06-21.563 20.239s9.652 20.242 21.563 20.242H689.95c11.91 0 21.566-9.063 21.566-20.242 0.001-11.179-9.656-20.239-21.566-20.239z m0 119.492H335.935c-11.911 0-21.563 9.063-21.563 20.242s9.652 20.239 21.563 20.239H689.95c11.91 0 21.566-9.061 21.566-20.239 0.001-11.178-9.656-20.242-21.566-20.242z m-93.441 119.495H335.935c-11.911 0-21.563 9.063-21.563 20.242s9.652 20.24 21.563 20.24h260.574c11.91 0 21.563-9.061 21.563-20.24s-9.653-20.242-21.563-20.242z m0 0" fill="#cdcdcd" p-id="37055"></path></svg></el-icon>
                          </div>
                        </el-card>
                      </el-col>
                    </el-row>
                    </div>
                    <div v-if="show=='card2'">
                      <el-row :gutter="20">
                        <el-col :span="6" style="margin: 10px 0;">
                          <el-card style="width: 210px;height: 300px;background-color: #00AA96" >
                            <div >
                              <div style=";color: white;font-size: 20px;margin-bottom: 8px;float: left" >餐饮</div>
                              <div style="color: white;font-size: 12px;float: left;margin-bottom: 90px">合作对象为商户提供餐饮行业的技术服努及支持</div>
                              <el-icon size="70" style="float: left;color: gray"><svg t="1716002696322" class="icon" viewBox="0 0 1258 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="38111" width="200" height="200"><path d="M46.802801 852.263914h1161.388869a46.802801 46.802801 0 0 0 0-93.605602h-19.626981c0.566163-10.379654 0.880698-20.885121 0.880697-31.453496a566.162919 566.162919 0 0 0-394.930089-538.672564 175.699226 175.699226 0 0 0 1.572674-23.086866 165.445386 165.445386 0 1 0-329.758446 19.438261 566.162919 566.162919 0 0 0-407.008232 542.50989c0 10.379654 0.314535 20.885121 0.880697 31.453496H46.802801a46.802801 46.802801 0 0 0 0 93.605602z m583.839784-758.595404a71.839784 71.839784 0 0 1 71.776877 71.776876v2.327559a559.87222 559.87222 0 0 0-77.941762-5.410001 577.737806 577.737806 0 0 0-65.549085 3.774419v-0.691977a71.902691 71.902691 0 0 1 71.71397-71.776876z m-6.290699 162.362943a471.802433 471.802433 0 0 1 471.362084 471.362084c0 5.85035 0 19.815702-0.314535 31.453496H153.304337c0-11.449072-0.314535-25.162796-0.314535-31.453496A471.802433 471.802433 0 0 1 624.414793 256.031453zM1211.337019 930.33149H49.948151a46.865708 46.865708 0 0 0 0 93.66851h1161.388868a46.865708 46.865708 0 0 0 0-93.66851z" p-id="38112" fill="#cdcdcd"></path><path d="M305.350534 646.054798a48.123848 48.123848 0 0 0 12.203957 1.572675 46.802801 46.802801 0 0 0 45.167219-34.661752 201.302371 201.302371 0 0 1 152.675268-143.742475 46.821673 46.821673 0 1 0-18.872098-91.718393 295.662858 295.662858 0 0 0-224.32633 211.178769 46.865708 46.865708 0 0 0 33.151984 57.371176z" p-id="38113" fill="#cdcdcd"></path></svg></el-icon>
                            </div>
                          </el-card>
                        </el-col>
                        <el-col :span="6" style="margin: 10px 0;">
                          <el-card style="width: 210px;height: 300px;background-color: #00AA96" >
                            <div >
                              <div style=";color: white;font-size: 20px;margin-bottom: 8px;float: left" >高速</div>
                              <div style="color: white;font-size: 12px;float: left;margin-bottom: 90px">合作对象为商户提供高速行业的技术服务及支持</div>
                              <el-icon size="70" style="float: left;color: gray"><svg t="1716002859463" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="40971" width="200" height="200"><path d="M230.4 237.568q10.24-30.72 19.456-48.64t19.968-26.624 24.064-11.264 32.768-3.584l118.784 0-118.784 745.472-156.672 0q-63.488 0-80.384-44.544t7.68-126.464q8.192-26.624 19.456-67.072t24.064-87.04 25.6-96.256 25.088-94.72 22.016-81.408 16.896-57.856zM581.632 273.408l-74.752 0 6.144-124.928 61.44 0zM595.968 584.704l-103.424 0 11.264-248.832 80.896 0zM598.016 647.168l11.264 248.832-131.072 0 11.264-248.832 108.544 0zM998.4 734.208q7.168 22.528 11.264 50.176t0 51.712-18.944 40.448-44.544 16.384l-186.368 0-119.808-745.472 96.256 0q51.2 0 86.016 22.528t53.248 80.896q6.144 18.432 15.36 57.344l22.528 88.064q12.288 49.152 25.088 102.4t24.064 100.352l21.504 83.968q9.216 36.864 14.336 51.2z" p-id="40972" fill="#cdcdcd"></path></svg></el-icon>
                            </div>
                          </el-card>
                        </el-col>
                        <el-col :span="6" style="margin: 10px 0;">
                          <el-card style="width: 210px;height: 300px;background-color: #00AA96" >
                            <div >
                              <div style=";color: white;font-size: 20px;margin-bottom: 8px;float: left" >加油</div>
                              <div style="color: white;font-size: 12px;float: left;margin-bottom: 90px">合作对象为商户提供加油行业的技术服务及支持</div>
                              <el-icon size="70" style="float: left;color: gray"><svg t="1716002894035" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="44019" width="200" height="200"><path d="M629.333 330.667H640A117.333 117.333 0 0 1 757.333 448v330.667a42.667 42.667 0 1 0 85.334 0V277.333a53.333 53.333 0 0 1-29.355-97.877L768 106.666l22.613-22.613 116.054 116.032v578.582a106.667 106.667 0 0 1-213.334 0V448A53.333 53.333 0 0 0 640 394.667h-10.667v512h53.334v64H85.333v-64h53.334v-736A117.333 117.333 0 0 1 256 53.333h256a117.333 117.333 0 0 1 117.333 117.334v160z m-64 576v-736A53.333 53.333 0 0 0 512 117.333H256a53.333 53.333 0 0 0-53.333 53.334v736h362.666z m-298.666-704h234.666v192H266.667v-192z m64 64v64h106.666v-64H330.667zM256 768h256v64H256v-64z" p-id="44020" fill="#bfbfbf"></path></svg></el-icon>
                            </div>
                          </el-card>
                        </el-col>
                        <el-col :span="6" style="margin: 10px 0;">
                          <el-card style="width: 210px;height: 300px;background-color: #00AA96" >
                            <div >
                              <div style=";color: white;font-size: 20px;margin-bottom: 8px;float: left" >教育</div>
                              <div style="color: white;font-size: 12px;float: left;margin-bottom: 90px">合作对象为商户提供教育行业的技术服务及支持</div>
                              <el-icon size="70" style="float: left;color: gray"><svg t="1716002923939" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="45189" width="200" height="200"><path d="M512 486.4c-12.8 0-32 0-44.8-6.4L57.6 364.8C19.2 352 0 320 0 288s19.2-64 51.2-76.8l416-115.2c25.6-6.4 64-12.8 89.6 0l409.6 115.2C1004.8 224 1024 256 1024 288s-19.2 64-51.2 76.8L556.8 480C544 486.4 524.8 486.4 512 486.4z" fill="#bfbfbf" p-id="45190"></path><path d="M723.2 864 300.8 864c-76.8 0-140.8-64-140.8-140.8L160 480c0-12.8 6.4-19.2 12.8-25.6C179.2 448 192 448 198.4 448l307.2 89.6c12.8 6.4 25.6 6.4 38.4 0L819.2 448c12.8 0 19.2 0 25.6 6.4 6.4 6.4 12.8 12.8 12.8 25.6l0 243.2C864 800 800 864 723.2 864z" fill="#bfbfbf" p-id="45191"></path><path d="M960 832c-19.2 0-32-12.8-32-32l0-384C928 396.8 940.8 384 960 384s32 12.8 32 32l0 384C992 819.2 979.2 832 960 832z" fill="#bfbfbf" p-id="45192"></path><path d="M960 908.8m-51.2 0a0.8 0.8 0 1 0 102.4 0 0.8 0.8 0 1 0-102.4 0Z" fill="#bfbfbf" p-id="45193"></path></svg></el-icon>
                            </div>
                          </el-card>
                        </el-col>
                      </el-row>
                    </div>
                  </el-card>
                </el-col>
              </el-row>
            <div>
              <el-card style="width: 1025px;height: 500px ;margin-bottom: 100px;margin:0 auto;border-radius: 5px;margin-top: 45px">
                <div style="font-size: 35px;margin-bottom: 40px;margin-top: 50px">合作伙伴应用</div>
                <p style="color: darkgrey;margin-bottom: 55px">多样化的应用产品帮助合作伙伴降本增效</p>
                <el-row>
                  <el-col :span="12">
                    <el-card class="card1" style="width: 513px; height: 300px;margin-left: -20px" >
                      <!-- 使用 Element UI 内置图标 -->
                      <el-icon  style="margin-top: 30px" class="hover-icon" size="50"><svg t="1716019133049" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="72752" width="200" height="200"><path d="M884.8 265.6c-14.4-16-35.2-25.6-57.6-25.6H243.2l-3.2-38.4c-1.6-25.6-16-46.4-38.4-57.6l-48-20.8c-12.8-4.8-25.6 0-32 12.8-4.8 12.8 0 25.6 12.8 32l46.4 20.8c6.4 3.2 11.2 9.6 11.2 17.6l28.8 468.8c3.2 48 46.4 86.4 96 86.4H848c12.8 0 24-11.2 24-24s-11.2-24-24-24H318.4c-25.6 0-46.4-19.2-48-41.6l-1.6-24L795.2 608c36.8-3.2 67.2-30.4 70.4-67.2l38.4-212.8v-1.6c1.6-22.4-4.8-44.8-19.2-60.8z" p-id="72753"></path><path d="M305.6 856m-56 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0Z" p-id="72754"></path><path d="M753.6 856m-56 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0Z" p-id="72755"></path></svg></el-icon>
                      <p class="hover-text" style="font-size: 25px; margin-top: 10px;">物料平台</p >
                      <p class="hover-text" style="color: darkgrey;">专业行业物料模板，可视化的自助设</p >
                      <p class="hover-text" style="color: darkgrey;">计，轻松打造商家专属物料</p >
                      <p class="hover-text" style="color: darkgrey; margin-top: 15px">敬请期待</p>
                    </el-card>
                  </el-col>
                  <el-col :span="12">
                    <el-card class="card1" style="width: 513px; height: 300px;" >
                      <!-- 使用 Element UI 内置图标 -->
                      <el-icon  style="margin-top: 30px" class="hover-icon" size="50"><Sell /></el-icon>
                      <p class="hover-text" style="font-size: 25px; margin-top: 10px;">收单合作伙伴市场</p >
                      <p class="hover-text" style="color: darkgrey;">收单外包机构信息展示平台，协助合作</p >
                      <p class="hover-text" style="color: darkgrey;">伙伴拓展更多商家</p >
                    </el-card>
                  </el-col>
                </el-row>
              </el-card>
            </div>
            <div>
              <div>
                <el-card style="width: 1025px;height: 500px ;margin-bottom: 100px;margin:0 auto;border-radius: 5px;margin-top: 45px">
                  <!--              <div style="width: 1025px;height: 299px;padding: 64px 0px 76px">    </div>-->

                  <div style="font-size: 35px;margin-bottom: 40px;margin-top: 50px">合作伙伴成长</div>
                  <p style="color: darkgrey;margin-bottom: 55px">产品能力深度解析，行业共创案例沉淀，协助合作伙伴快速成长</p >

                  <el-row>
                    <el-col :span="12">
                      <el-card class="card1" style="width: 513px; height: 300px;margin-left: -20px" >
                        <!-- 使用 Element UI 内置图标 -->
                        <el-icon  style="margin-top: 30px" class="hover-icon" size="50"><svg t="1716018575982" class="icon" viewBox="0 0 1345 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="69479" width="300" height="300"><path d="M1320.93935 319.43371L724.856892 13.866987a123.249888 123.249888 0 0 0-113.592897 0L23.700528 319.71771a44.01796 44.01796 0 0 0 0 78.095929l56.796949 28.397974v289.663737a72.415934 72.415934 0 1 0 70.427936 0V463.413579l156.190858 80.935927v316.925712a87.182921 87.182921 0 0 0 61.056945 85.194922l186.57783 59.352947A393.033643 393.033643 0 0 0 671.75194 1023.99907a378.266656 378.266656 0 0 0 112.173898-16.754985l200.492818-61.056944a87.466921 87.466921 0 0 0 62.192943-83.489925V539.52051l274.327751-141.707871a44.01796 44.01796 0 0 0 23.854979-39.189965 44.58596 44.58596 0 0 0-23.854979-39.189964zM975.615664 860.991218a17.606984 17.606984 0 0 1-12.495989 16.754985l-200.492818 59.636946a312.382716 312.382716 0 0 1-187.712829 0L388.620197 878.314202a17.606984 17.606984 0 0 1-12.210989-16.754984V580.699473l235.422786 122.396888a125.236886 125.236886 0 0 0 56.795949 13.914988 122.680889 122.680889 0 0 0 56.796948-13.630988l251.609772-129.212882zM691.629922 640.903418a52.536952 52.536952 0 0 1-48.276956 0L101.228458 358.339675 644.489965 76.343931a51.969953 51.969953 0 0 1 48.276956 0L1243.129421 358.339675z" p-id="69480"></path></svg></el-icon>
                        <p class="hover-text" style="font-size: 25px; margin-top: 10px;">在线课堂</p >
                        <p class="hover-text" style="color: darkgrey;">官方系列精品课程，帮助合作伙伴快速上手产品能力</p >
                      </el-card>
                    </el-col>
                    <el-col :span="12">
                      <el-card class="card1" style="width: 513px; height: 300px;" >
                        <!-- 使用 Element UI 内置图标 -->
                        <el-icon  style="margin-top: 30px" class="hover-icon" size="50"><svg t="1716018532342" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="65819" width="300" height="300"><path d="M849.724 596.322v84.322c0 4.801-1.512 9.101-3.632 13.053-0.169 0.321 0.045 0.685-0.135 1-0.601 1.046-1.585 1.67-2.299 2.608-1.187 1.563-2.339 3.041-3.817 4.323-1.372 1.192-2.844 2.075-4.396 2.968-1.552 0.899-3.047 1.732-4.767 2.328-1.849 0.636-3.71 0.893-5.655 1.141-1.169 0.146-2.198 0.685-3.407 0.685-0.591 0-1.079-0.298-1.658-0.338-1.872-0.107-3.643-0.612-5.486-1.107-1.844-0.495-3.632-0.938-5.307-1.781-0.517-0.259-1.09-0.247-1.602-0.54L619.354 596.323H456.226c-62.093 0-112.428-50.334-112.428-112.428V202.824c0-62.093 50.334-112.428 112.428-112.428h393.499c62.093 0 112.428 50.334 112.428 112.428v281.07c0 62.094-50.334 112.429-112.428 112.429z m56.214-393.499c0-31.047-25.167-56.214-56.214-56.214H456.225c-31.047 0-56.214 25.167-56.214 56.214v281.07c0 31.047 25.167 56.214 56.214 56.214H628.24l0.545 0.321c4.16 0.275 8.303 1.22 12.154 3.446l152.572 88.087v-63.747c0-15.52 12.586-28.107 28.107-28.107h28.107c31.047 0 56.214-25.167 56.214-56.214v-281.07z m-84.321 168.642c-15.52 0-28.107-12.586-28.107-28.107 0-15.52 12.586-28.107 28.107-28.107s28.107 12.586 28.107 28.107c0 15.521-12.586 28.107-28.107 28.107z m-168.642 0c-15.52 0-28.107-12.586-28.107-28.107 0-15.52 12.586-28.107 28.107-28.107 15.52 0 28.107 12.586 28.107 28.107 0 15.521-12.587 28.107-28.107 28.107z m-168.643 0c-15.52 0-28.107-12.586-28.107-28.107 0-15.52 12.586-28.107 28.107-28.107s28.107 12.586 28.107 28.107c0 15.521-12.586 28.107-28.107 28.107z m-365.391 56.213v281.071c0 31.047 25.167 56.214 56.214 56.214h28.107c15.52 0 28.107 12.586 28.107 28.107v63.747l152.572-88.087c3.85-2.227 7.994-3.171 12.154-3.446l0.545-0.321h172.015c31.047 0 56.214-25.167 56.214-56.214h56.214c0 62.093-50.334 112.428-112.428 112.428H405.526L217.315 929.84c-0.512 0.293-1.085 0.281-1.602 0.54-1.675 0.843-3.463 1.287-5.307 1.781-1.844 0.495-3.615 1-5.486 1.107-0.579 0.039-1.068 0.338-1.658 0.338-1.208 0-2.238-0.54-3.407-0.685-1.945-0.247-3.805-0.506-5.655-1.141-1.72-0.596-3.215-1.428-4.767-2.328-1.552-0.893-3.024-1.777-4.396-2.968-1.478-1.282-2.631-2.76-3.817-4.323-0.713-0.938-1.698-1.563-2.299-2.609-0.18-0.315 0.034-0.681-0.135-1-2.119-3.952-3.632-8.252-3.632-13.053v-84.322c-62.093 0-112.428-50.334-112.428-112.428V427.676c0-62.093 50.334-112.428 112.428-112.428h112.428v56.214H175.156c-31.047 0-56.214 25.167-56.214 56.214z" fill="" p-id="65820"></path></svg></el-icon>
                        <p class="hover-text" style="font-size: 25px; margin-top: 10px;">合作伙伴大会</p >
                        <p class="hover-text" style="color: darkgrey;">合作伙伴年度峰会精彩瞬间大集锦</p >
                        <p class="hover-text" style="color: darkgrey; margin-top: 15px">敬请期待</p>
                      </el-card>
                    </el-col>
                  </el-row>
                </el-card>
              </div>
            </div>
          </div>
        </div>
      </el-main>
      <el-footer style="background-color: rgb(50,50,50);color:#666;height: 300px;padding:50px;text-align:center;">
        <!--设置版心 定宽且居中-->
        <div style="width: 1200px;margin: 0 auto;">
          <el-row :gutter="10">
            <!--底部中间区域 三列信息 注意此处内容有单独的CSS内部样式 id="footer-center"-->
            <el-col :span="12" id="footer-center" style="margin: 0 auto">
              <!--继续嵌套还是从row开始 -->
              <el-row :gutter="30">
                <el-col :span="6">
                  <h3>关于我们</h3>
                  <p>关于微信支付</p>
                  <p>合作规则</p>
                  <p>平台使用协议</p>
                  <p>支付服务协议</p>
                  <p>联系我们</p>
                </el-col>
                <el-col :span="6">
                  <h3>服务与支持</h3>
                  <p>开发文档(商户)</p>
                  <p>开发文档(合作伙伴)</p>
                  <p>物理下载</p>
                  <p>帮助中心</p>
                </el-col>
                <el-col :span="6">
                  <h3>友情链接</h3>
                  <p>微信开放平台</p>
                  <p>微信开放平台</p>
                  <p>企业微信</p>
                </el-col>
                <el-col :span="6">
                  <h3>客服帮助</h3>
                  <p>自助服务专区</p>
                  <p>客服:95017-2</p>
                  <p>(周一到周五 09:00-18:00)</p>
                </el-col>
              </el-row>

            </el-col>
            <el-row>
              <el-col>
                <p style="font-size: 11px;color: white;height: 20px;">关注微信支付服务商助手公众号</p>
                <img src="qrcode_fuwushangzhushou.jpg" class="img2">
              </el-col>
            </el-row>
          </el-row>
        </div>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: 'card1' // 初始显示的卡片
    };
  }
};
</script>

<style scoped>
footer h3 {
  color: #fff;
}
#footer-center p {
  margin: 5px 0;
}
.main_middle{
}
.img1{
  /* 确保图片填满容器 */
  height: 100%;
  width: 100%;
  object-fit: cover; /* 保持宽高比并填充整个容器 */
  display: block; /* 消除图片底部的间隙 */

}
.img2{
  width: 129px;
  height: 129px;
}
*{
  margin: 0;
  padding: 0;
}
.daohang{
  margin-left: 50px;
  background-color: transparent !important;
  border-bottom: none !important; /* 去除底部边框 */
  text-decoration: none !important; /* 去除文本下划线 */
  box-shadow: none !important; /* 去除底部阴影 */
}
.been{
  width: 1025px;
  height: 699px;
  margin: 0 auto;
  margin-top: -150px;
}
.p1{
  font-size: 35px;
  padding-top: 64px;
  margin-bottom: 40px;
}
.p2{
  margin-bottom: 48px;
  color: darkgray;
}
.main_button {
  margin: 0 auto;
}
.my-button:hover {
  /* 定义按钮在鼠标悬停时的样式 */
  color: #1CAE1BFF; /* 悬停时背景色变为蓝色 */
  /* 其他样式（如果需要）... */
}
.card1:hover .hover-icon {
  /* 悬停时图标的颜色 */
  color:#1CAE1BFF; /* 示例颜色 */
}

.card1:hover .hover-text {
  /* 悬停时文字的颜色 */
  color: #1CAE1BFF; /* 示例颜色 */
}
.card1 {
  box-shadow: none; /* 移除阴影效果 */
  transform: none; /* 移除任何变形效果 */
  transition: none; /* 移除过渡效果 */
  width: 100%; /* 卡片宽度占满列宽 */
  height: 233px; /* 卡片高度 */
  border-radius: 0; /* 去除边框圆角 */
  /* 如果有使用 Material Design，可能需要设置 elevation 为 0 */
  /* elevation: 0dp; */
}
</style>